$(function() {
    // 确保province数组在city.js中已经定义
    if (province && Array.isArray(province)) {
      // 添加默认选项
      // $('#selProvince').append($('<option>', { value: '', text: '--省--' }));

      // 遍历province数组并添加选项
      $.each(province, function(index, item) {
        $('#selProvince').append($('<option>', { 
          value: item.id, 
          text: item.name 
        }));
      });

      // 给option标签设置样式style="color: rgb(51, 51, 51);"
      $('#selProvince option').css('color', 'rgb(51, 51, 51)');

    } else {
      console.error('province array not found or not an array in city.js');
    }
  });

  function provinceChange() {
    var selectedProvinceId = $('#selProvince').val();
    var cities = findCitiesByProvinceId(selectedProvinceId);
    console.log(cities)
    // 清空城市下拉框
    $('#selCity').empty();

    // 添加默认选项
    let defaultValue = { value: '', text: '--市--' };

    // 添加城市选项
    addOptionsToSelect('#selCity', cities, defaultValue);
  }

  function findCitiesByProvinceId(provinceId) {
    // 从citys中查找parent_id与provinceId相等的项
    // provinceId是字符串转成整数类型
    provinceId = parseInt(provinceId);
    var cities = citys.filter(item => item.parent_id === provinceId);
    return cities;
  }

  function addOptionsToSelect(selectId, data, defaultValue) {
    
    $(selectId).append($('<option>', { value: defaultValue.value, text: defaultValue.text }));
    data.forEach(item => {
      $(selectId).append($('<option>', { value: item.id, text: item.name }));
    });
    // 给option标签设置样式style="text-align: center; color: rgb(51, 51, 51);"
    $(selectId + ' option').css({
      'text-align': 'center',
      'color': 'rgb(51, 51, 51)'
    });
  }